
@import url('bootstrap.css');
@import url('bootstrap-responsive.css');


.gray_box{
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: white;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



#welcome-ico-panel{
    margin-top: 15%;
}



/* pure css image over */
a.cssmouseover {
    display:block;
    height: 195px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}
a.cssmouseover:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

#caregiver-ico{
    background-image:url('../images/caregiver-ico.png'); 
    background-size:263px auto;
    width: 260px;
}

#doctors-ico{
    background-image:url('../images/doctor-ico.png'); 
    background-size:190px auto;
    width: 196px;
}
#wellness-ico{
    background-image:url('../images/wellness-ico.JPG');
    background-size:220px auto;
    width: 217px;
}





footer{
    padding: 70px 0;
    margin-top: 17%;
    border-top: 1px solid #E5E5E5;
    background-color: whiteSmoke;
}